.login {
  min-height: 100vh;
  background-color: #f3f3f3;

  .form-content {
    padding: 3rem;
    width: 31rem;
    height: 33rem;

    .icon {
      width: 150px
    }

    p {
      font-size: 1rem
    }


    .form-group {
      margin-top: 2rem;

      input {
        display: block;
        width: 100%;
        height: 2.875rem;
        padding: 0.875rem 1.375rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1;
        color: #495057;
        background-color: #ffffff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 2px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0;
        text-shadow: none;
        text-align: start;
        appearance: auto;
        -webkit-rtl-ordering: logical;
        cursor: text;
        margin: 0;
        border-image: initial;
      }


      input:focus {
        border-color: #40a9ff;
        border-right-width: 1px !important;
        outline: 0;
        box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);
      }
    }
  }


  Button {
    height: 50px;
    width: 100%;
    margin-top: 2.5rem;
  }
}
